<html>
    <head>
        <title> <?php echo $title; ?></title>
        <!-- Chargement de la feuille de style de la home -->
        <link rel="stylesheet" type="text/css" href="<?php echo(css_url('home')); ?> ">

        <!-- Chargement de JQuery -->
        <script type="text/javascript" src="<?php echo(js_url('jquery')); ?>"></script>
        <script type="text/javascript" src="<?php echo(js_url('jquery-ui')); ?>"></script>

        <!-- Chargement du script de la home -->
        <script type="text/javascript" src="<?php echo(js_url('home')); ?>"></script>

        <?php
//        if(!(isset($_SESSION))){
//            session_start();
//        }
//        else{
//            //print_r($_SESSION['user_id']);
//        }
        ?>
        
        <!-- Si l'utilisateur n'est pas loggé -->
        <?php if((isset($_SESSION['user_id']))){?>
            <!-- Chargement du css du login -->
            <link rel="stylesheet" type="text/css" href="<?php echo(css_url('login')); ?> ">
            <!-- Chargement du script du login -->
            <script type="text/javascript" src="<?php echo(js_url('login')); ?>"></script>
        <?php }?>

    </head>

    <body>

        <div id="content">

            <!-- Si l'utilisateur n'est pas loggé -->
            <?php if((isset($_SESSION['user_id']))){?>
            <div id="overlay_login"></div>
            <div id="connection"></div>
            <?php }?>
            <div id="info_login_user">
                <?php //if(isset($_SESSION['user_id'])){?>
                <!-- <img id="log_1" height="70" width="70" src="<?php //echo(img_login_url('log1/'.$infos_user->users_log_1_url));?>">
                <img id="log_2" height="70" width="70" src="<?php //echo(img_login_url('log2/'.$infos_user->users_log_2_url));?>"> -->
                <?php //}?>
            </div>

            <!-- Définition de la zone supérieure = zone de navigation -->
            <div id="zone_superieure">

                <?php for($i=0;$i<=3;$i++){?>
                <a id="btn_game_<?php echo($i+1);?>" class="btn_game" <?php if($unlocked_game[$i] != false){?> href="<?php echo site_url('game_'.($i+1).'/index'); ?>"<?php }?>>
                    <?php if($medal_game[$i]!=false){?>
                    <div id="fond_bt_jeu<?php echo($i+1);?>" style="background-image: url('<?php echo(img_home_url("fond_bt_j".($i+1)."_fini.png"));?>');">
                        <div class="coupe_game <?php echo $medal_game[$i]->medals_url;?>"></div>
                        <!--<?php if($unlocked_game[$i] == false){?>
                        <div class="game_locked"></div>
                        <?php }
                        ?>-->
                    </div>
                        <?php }
                        else{?>
                    <div id="fond_bt_jeu<?php echo($i+1);?>" style="background-image: url('<?php echo(img_home_url("fond_bt_j".($i+1).".png"));?>');">
                        <?php if($unlocked_game[$i] == false){?>
                        <div class="game_locked"></div>
                        <?php }
                        else{?>
                        <div class="game_on"></div>
                        <?php } 
                        ?>
                    </div>
                        <?php }?>
                </a>
                <?php } ?>
            </div>
            
            <div id="zone_pierres">
                <?php for($i=0;$i<=3;$i++){
                    if($medal_game[$i]!=false){?>
                <img id="pierre_<?php echo($i+1);?>" height="70" width="70" src="<?php echo(img_home_url('pierre_'.($i+1).'.png'));?>">
                    <?php }}?>
            </div>


            <!-- Définition de la zone inférieure, dans laquelle apparaîtra les éléments de réoompense-->
            <div id="zone_recompense">
		<!--RAF définir univers puis insérer éléments graphiques correspondant -->
                <a id="btn_acces_album" href="<?php echo site_url('album/index'); ?>">
                    <div id="album">
                    </div>
                </a>
                <div id="ra" <?php if($medal_game[$i-1]!=false){?>  <?php } else{?> <?php }?>>
                    <div id="pierres_ra">
                        <?php for($i=0;$i<=3;$i++){
                            if($medal_game[$i]!=false){?>
                        <img id="pierre_ra_<?php echo($i+1);?>" class="pierre_ra" height="30" width="30" src="<?php echo(img_home_url('pierre_'.($i+1).'.png'));?>">
                            <?php }
                            else{?>
                         <img id="pierre_ra_<?php echo($i+1);?>" class="pierre_ra" height="30" width="30" src="<?php echo(img_home_url('pierre_grisee.png'));?>">
                            <?php }
                            }?>
                    </div>
                    <a id="btn_acces_ra_link" <?php if($medal_game[3]!=false){ ?> href="<?php echo site_url('ra/index'); ?>"<?php } ?>>    
                        <div id="btn_acces_ra" <?php if($medal_game[3]!=false){ ?> class="ra_actif" <?php } else{?> class="ra_inactif" <?php }?>></div>
                    </a>
                </div>
            </div>
        </div> 

    </body>  
</html>